<template>
	<div class="city">
		<city-header></city-header>
		<city-hot :hotCities="hotCities" :cities="cities"></city-hot>
	</div>
</template>
<script>
	import CityHeader from './pages/header'
	import CityHot from './pages/cityhot'
	export default{
		data(){
			return{
				cities:{},
				hotCities:[]
			}
		},	
		mounted(){
			this.$http.get("/api/data/city.json").then((request)=>{
				this.cities = request.data.data.cities
				this.hotCities = request.data.data.hotCities
			})
		},
	  components:{
	  	CityHeader,
	  	CityHot,
	  }
	}
</script>
<style>
	.city{
		background-color: #f5f5f5;
	}
</style>